//
//  UserInfoView.swift
//  JiaoZiTaxi
//
//  Created by Hu Gang on 2022/10/10.
//

import SwiftUI
struct UserInfoView: View {
    @FocusState private var isFocused: Bool
    let LRSpace = 15.0
    @ObservedObject var passenger : PassengerInput
    @Environment(\.dismiss) var dismiss
    @Binding var showSheet : Bool
    var body: some View {
        VStack{
            HStack(){
                Image("taxi_icon")
                    .resizable()
                    .frame(width:24,height:24)
                Text("轿子出行")
                    .font(.caption)
                Spacer()
            }
            Text("请提供老挝手机号码或微信号")
                .font(.system(size: 16))
                   .fontWeight(.bold)
            HStack{
                Text("手机号")
                TextField("填写老挝手机", text: $passenger.laosMobile)
                    .focused($isFocused)
                                            .foregroundColor(.accentColor)
                                            .keyboardType(.phonePad)
            }.frame(height: 44)
            Divider()
            HStack{
                Text("Wechat")
                TextField("填写微信号码", text: $passenger.wechatNo)
                    .focused($isFocused)
//                                            .background(Color(hex: "#EBEDF5"))
                                                .foregroundColor(.accentColor)
                                            .foregroundColor(.accentColor)
                                            .keyboardType(.default)
            }.frame(height: 44)
            Divider()
            Button {
                print("save")
                var info = ViewModel.shared.passenger
                info.laosMobile = passenger.laosMobile
                info.wechatNo = passenger.wechatNo
                passenger.save(info: info)
                self.showSheet = false
                dismiss()
            } label: {
                Text("保存")
//                    .padding()
                    .foregroundColor(.white)
                    .frame(width: 320, height: 50)
                    .background(
                        RoundedRectangle(cornerRadius: 10.0)
                            .fill(Color.themeColor())

                    ).padding(.bottom,30).padding(.top,LRSpace)
//                    .padding()
            }
            .onChange(of: showSheet) { newValue in
                showSheet = newValue
            }
        } .onTapGesture {
            self.isFocused = false  // 点击空白处时取消焦点，键盘自动消失
        }
       
        .padding(.horizontal, LRSpace)
        .padding(.vertical, LRSpace)
        .environment(\.locale, Locale(identifier: ViewModel.shared.language.rawValue))
        .background(.linearGradient(Gradient(colors: [Color(hex: "#F8FFF8"),Color(hex: "#FCFBE4")]), startPoint: .leading, endPoint: .trailing))
        .onAppear() {
            print("PassengerInfo onAppear")
        }
        .overlay(
            Button(action: {
                self.showSheet = false
                dismiss()
            }) {
                Image(systemName: "xmark.circle.fill")
                    .font(.title)
//                    .padding(10)
                    .foregroundColor(Color.themeColor())
                    .padding(10)
            }, alignment: .topTrailing
        )
    }
}
//    var body: some View {
//        ZStack {
//            Spacer()
//            ZStack {
//                VStack {
//                    Text("请提供老挝手机号码或微信号")
//                        .padding(.top, 1)
//                        .foregroundColor(.black)
//                        .font(.system(size: 14))
//                        .padding()
//                    VStack {
//                        TextField("填写老挝手机", text: $passenger.laosMobile)
//                            .foregroundColor(.accentColor)
//                            .keyboardType(.phonePad)
//                            .padding()
//                    }
//                    .cornerRadius(6)
//                    .frame(height: 54)
//                    .background(Color(hex: "#EBEDF5"))
//                    
//                    VStack {
//                        TextField("填写微信号码", text: $passenger.wechatNo)
//                            .background(Color(hex: "#EBEDF5"))
//                            .foregroundColor(.accentColor)
//                            .keyboardType(.default)
//                            .padding()
//                    }
//                    .cornerRadius(6)
//                    .frame(height: 54)
//                    .background(Color(hex: "#EBEDF5"))
//                    
//                    Button {
//                        print("save")
//                        var info = ViewModel.shared.passenger
//                        info.laosMobile = passenger.laosMobile
//                        info.wechatNo = passenger.wechatNo
//                        passenger.save(info: info)
//                        self.showSheet = false
//                        dismiss()
//                    } label: {
//                        Text("保存")
//                            .padding()
//                            .foregroundColor(.white)
//                            .frame(width: 320, height: 50)
//                            .background(
//                                RoundedRectangle(cornerRadius: 10.0)
//                                    .fill(Color(hex: "FF862F8D"))
//                                
//                            )
//                            .padding()
//                    }
//                    .onChange(of: showSheet) { newValue in
//                        showSheet = newValue
//                    }
//                    
//                }
//                .padding(10)
//                .background(.white)
//                .cornerRadius(12)
//                .shadow(radius: 3)
//                .overlay(
//                    Button(action: {
//                        self.showSheet = false
//                        dismiss()
//                    }) {
//                        Image(systemName: "xmark.circle.fill")
//                            .font(.title)
//                            .padding(10)
//                            .foregroundColor(Color(hex: "FF862F8D"))
//                            .padding(10)
//                    }, alignment: .topTrailing
//                )
//            }
//        }.environment(\.locale, Locale(identifier: ViewModel.shared.language.rawValue))
//            .background(.clear)
//            .onAppear() {
//                print("PassengerInfo onAppear")
//            }
//        
//    }
//}


